<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>商品详情</title>
	<link rel="stylesheet" type="text/css" href="../lib/mui/css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/base.css">
</head>
<body>
	<!-- 侧滑导航根容器 -->
	<div class="mui-off-canvas-wrap mui-draggable mui-slide-in" id="offCanvasSide">
	  	<!-- 菜单容器 -->
	 	<aside class="mui-off-canvas-right ">
	    	<div class="mui-scroll-wrapper">
	      		<div class="mui-scroll">
	        		<!-- 菜单具体展示内容 -->
	        		<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">Item 1</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">Item 2</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">Item 3</a>
						</li>
					</ul>
	      		</div>
	    	</div>
	  	</aside>

	  	<!-- 主页面容器 -->
		<div class="mui-inner-wrap">

			<!-- 主页面头部 -->
		    <header class="mui-bar mui-bar-nav scm-nav-black">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"><span>返回</span></a>
				<h1 class="mui-title">商品详情</h1>
				<a id="offCanvasBtn" href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-more mui-pull-right"></a>
			</header>

			<!-- 主页面底部 -->
			<nav class="mui-bar mui-bar-tab scm-gd-nav">
				<a class="mui-tab-item mui-active newLink" href="./my_goods_edit.html">
					<span class="mui-icon mui-icon-compose"></span>
					<span class="mui-tab-label">编辑</span>
				</a>
				<a class="mui-tab-item" id="delete">
					<span class="mui-icon mui-icon-trash"></span>
					<span class="mui-tab-label">删除</span>
				</a>
				<a class="mui-tab-item end" id="remove">
					<span class="mui-tab-label">下架</span>
				</a>
				
			</nav>
			
			<!-- 主页面body -->
			<div class="mui-content mui-scroll-wrapper" id="muis">
				<!-- 滚动容器 -->
				<div class="mui-scroll">
					<!-- 正文 -->
					<div class="mui-slider">
					  <div class="mui-slider-group">
					    <div class="mui-slider-item"><a href="#"><img src="../img/1.png" /></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="../img/1.png" /></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="../img/1.png" /></a></div>
					    <div class="mui-slider-item"><a href="#"><img src="../img/1.png" /></a></div>
					  </div>
					</div>
					<div class="goods goods-dsc">
						<h2 class="title">贝因美健儿成长奶粉</h2>
						<p class="price">￥100 - ￥300</p>
						<p class="status"><span>NF21433</span><span>已上架</span></p>
					</div>
					<div class="goods-info">
						<ul class="mui-table-view"> 
					        <li class="mui-table-view-cell mui-collapse mui-active">
					            <a class="mui-navigate-right" href="#">商品规格</a>
					            <div class="mui-collapse-content">
					                <ul class="mui-table-view">
										<li class="mui-table-view-cell"><span>NF3122</span><span>100ml</span> <div class="pull-r"><span class="gray">库存1000</span><span class="red">￥100</span></div></li>
										<li class="mui-table-view-cell"><span>NF3122</span><span>100ml</span> <div class="pull-r"><span class="gray">库存1000</span><span class="red">￥100</span></div></li>
										<li class="mui-table-view-cell"><span>NF3122</span><span>100ml</span> <div class="pull-r"><span class="gray">库存1000</span><span class="red">￥100</span></div></li>
									</ul>
					            </div>
					        </li>
					    </ul>
					</div>
					<div class="goods-info">
						<ul class="mui-table-view"> 
					        <li class="mui-table-view-cell mui-collapse mui-active">
					            <a class="mui-navigate-right" href="#">商品描述</a>
					            <div class="mui-collapse-content">
					                <p class="text">
					                	贝因美婴童食品股份有限公司(以下简称“贝因美”)初创于1992年，总部坐落于杭州钱塘江畔。贝因美专注婴童事业，业务涉及婴幼儿食品的生产、研发、销售等多个相关经营领域。2011年4月12日贝因美婴童食品股份有限公司(002570)在深交所挂牌上市，是中国婴童产业的领跑者和最具规模企业之一。
					                </p>
					            </div>
					        </li>
					    </ul>
					</div>
				</div>
			</div>
			
			<!-- 遮挡层 -->
			<div class="mui-off-canvas-backdrop"></div>
			
		</div>

	</div>	

	
	

	<script type="text/javascript" src="../lib/mui/js/mui.min.js"></script>
	<script type="text/javascript" src="../js/base.js"></script>
	<script type="text/javascript">
		mui.ready(function(){
			mui('#muis').scroll();
			mui('body').on('tap', '#delete', function(){
				mui.confirm('确认删除该商品？','','',function(e){
					if(e.index !== 0){
						mui.toast('商品已删除！');
						mui.later(function(){
							mui.openWindow({url: './my_goods.html'});
						},1000);
					}
				}, 'div')
			});
			mui('body').on('tap', '#remove', function(){
				mui.confirm('确认撤下该商品？','','',function(e){
					if(e.index !== 0){
						mui.toast('商品已下架！');
						mui.later(function(){
							mui.openWindow({url: './my_goods.html'});
						},1000);
					}
				}, 'div')
			})
		})
	</script>
</body>
</html>